<template>
  <div class="demo1">
    <TpvAudio />
  </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
import TpvAudio from '@/components/TpvAudio/index.vue'

import { request } from '@/utils'
@Component({
  components: {
    TpvAudio,
  },
})
export default class Demo1 extends Vue {
  data: any = null

  mounted() {
    this.getData()
  }
  async getData() {
    const data = await request.get(
      `${process.env.VUE_APP_ASSET}media/dft.mp3`,
      {
        baseURL: '',
        responseType: 'arraybuffer',
      },
    )
    this.data = data
    console.log('data ==>', data)
  }
}
</script>
<style lang="scss" scoped>
.demo1 {
}
</style>
